/**
 * Beige theme for reveal.js.
 *
 * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
 */
@use 'sass:color';
@use 'helper/helper';
@use 'highlight/light';

$link-color: #42affa;

@include helper.theme(
  'beige',
  (
    main-color: #333,
    heading-color: #333,
    heading-text-shadow: none,
    background-color: #f7f3de,
    link-color: $link-color,
    link-color-hover: color.scale($link-color, $lightness: 20%),
    selection-background-color: rgb(79 64 28 / 99%),
    overlay-element-bg-color: (
      240,
      240,
      240,
    ),
    overlay-element-fg-color: (
      0,
      0,
      0,
    ),
    heading1-text-shadow: (
      0 1px 0 #ccc,
      0 2px 0 #c9c9c9,
      0 3px 0 #bbb,
      0 4px 0 #b9b9b9,
      0 5px 0 #aaa,
      0 6px 1px rgb(0 0 0 / 10%),
      0 0 5px rgb(0 0 0 / 10%),
      0 1px 3px rgb(0 0 0 / 30%),
      0 3px 5px rgb(0 0 0 / 20%),
      0 5px 10px rgb(0 0 0 / 25%),
      0 20px 20px rgb(0 0 0 / 15%),
    ),
    viewport-color: helper.circle-gradient(
        rgb(247, 242, 211),
        rgb(255, 255, 255)
      ),
  )
) {
  @include light.highlight;

  // Change text colors against dark slide backgrounds
  @include helper.darkmode-text-color(#fff);
}
